import React from 'react'
import { PageHeaderWrapper } from '@ant-design/pro-layout'
import styles from './index.less'
export default () => {

    const oftenUseList = [
        { title: "会员查询", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/member_check.png" },
        { title: "会员新增", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/member_add.png" },
        { title: "店铺查询", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/shop_check.png" },
        { title: "店铺新增", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/shop_add.png" },
        { title: "店铺续签", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/shop_renewal.png" },
        { title: "商品查询", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/goods_check.png" },
        { title: "商品分类", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/goods_category.png" },
        { title: "商品品牌", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/goods_brand.png" },
        { title: "订单查询", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/order_check.png" },
        { title: "退款维权", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/refund.png" },
        { title: "物流公司", url: "http://uniapp.b2b2c.niuteam.cn/app/admin/view/public/img/index/express.png" },

    ];
    return (
        <PageHeaderWrapper title={false}>
            <nav className={styles.navTitle}>实时概况 <span>更新时间：2020-04-13 11:25:07</span></nav>
            <div style={{ display: "flex" }}>
                <div className={styles.cardDiv} style={{ marginRight: "10px" }}>
                    <div className={styles.cardHead}>订单信息</div>
                    <div className={styles.cardContent}>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>今日销售总额（元）</div>
                            <div className={styles.infoVal}>134.00</div>
                        </div>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>今日销售订单数（笔）</div>
                            <div className={styles.infoVal}>10</div>
                        </div>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>订单销售总额（元）</div>
                            <div className={styles.infoVal}>1999.00</div>
                        </div>
                    </div>
                </div>
                <div className={styles.cardDiv} style={{ marginLeft: "10px" }}>
                    <div className={styles.cardHead}>商品信息</div>
                    <div className={styles.cardContent}>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>今日新增商品数</div>
                            <div className={styles.infoVal}>13</div>
                        </div>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>今日商品购买数</div>
                            <div className={styles.infoVal}>10</div>
                        </div>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>商品总数</div>
                            <div className={styles.infoVal}>199</div>
                        </div>
                    </div>
                </div>
            </div>

            <div style={{ display: "flex" }}>
                <div className={styles.cardDiv} style={{ marginRight: "10px" }}>
                    <div className={styles.cardHead}>会员</div>
                    <div className={styles.cardContent}>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>今日新增会员数</div>
                            <div className={styles.infoVal}>134.00</div>
                        </div>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>会员总数</div>
                            <div className={styles.infoVal}>10</div>
                        </div>
                        <div className={styles.dataInfo} />
                    </div>
                </div>
                <div className={styles.cardDiv} style={{ marginLeft: "10px" }}>
                    <div className={styles.cardHead}>店铺</div>
                    <div className={styles.cardContent}>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>今日申请店铺数</div>
                            <div className={styles.infoVal}>13</div>
                        </div>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>今日新增店铺数</div>
                            <div className={styles.infoVal}>10</div>
                        </div>
                        <div className={styles.dataInfo}>
                            <div className={styles.infoTitle}>店铺总数</div>
                            <div className={styles.infoVal}>199</div>
                        </div>
                    </div>
                </div>
            </div>


            <nav className={styles.navTitle}>常用功能</nav>

            <ul className={styles.oftenUse}>
                {
                    oftenUseList.map((item, inx) => <li key={inx}>
                        <img src={item.url} alt="" /> <span style={{ marginLeft: "8px" }}>{item.title}</span>
                    </li>)
                }
            </ul>

            <nav className={styles.navTitle}>版本信息</nav>
            <div className={styles.versionInfo}>
                <table>
                    <tbody>
                        <tr>
                            <td>版本号</td>
                            <td>4.0.0</td>
                            <td>版本名称</td>
                            <td>多商户标准版</td>
                        </tr>
                        <tr>
                            <td>版本类型</td>
                            <td>B2B2C_STANDARD</td>
                            <td>版本编号</td>
                            <td>201907010001</td>
                        </tr>
                        <tr>
                            <td>官方网站</td>
                            <td> <a href="">官方网站</a> </td>
                            <td>官方论坛</td>
                            <td> <a href="">官方论坛</a> </td>
                        </tr>
                    </tbody>
                </table>
            </div>


            <nav className={styles.navTitle}>系统信息</nav>
            <div className={styles.versionInfo}>
                <table>
                    <tbody>
                        <tr>
                            <td>服务器操作系统</td>
                            <td>Linux iz8vbe7yd3ei8sbwd7hq6mz</td>
                            <td>服务器域名</td>
                            <td>uniapp.b2b2c.niuteam.cn:80</td>
                        </tr>
                        <tr>
                            <td>服务器环境</td>
                            <td>nginx/1.15.8</td>
                            <td>PHP版本</td>
                            <td>7.2.13</td>
                        </tr>
                        <tr>
                            <td>文件上传限制</td>
                            <td>50M</td>
                            <td>GD版本</td>
                            <td>bundled (2.1.0 compatible)</td>
                        </tr>
                        <tr>
                            <td>sockets开启</td>
                            <td>已开启</td>
                            <td>curl支持</td>
                            <td>支持</td>
                        </tr>
                        <tr>
                            <td>openssl开启</td>
                            <td>已开启</td>
                            <td>fileinfo开启</td>
                            <td>已开启</td>
                        </tr>
                        <tr>
                            <td>upload目录权限</td>
                            <td>可读可写</td>
                            <td>runtime目录权限</td>
                            <td>可读可写</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </PageHeaderWrapper>
    )
}